import React from "react";
import { Tabbar } from "react-vant";
import { FriendsO, HomeO, Search, SettingO } from "@react-vant/icons";
import { NavLink, Outlet } from "react-router-dom";
export default () => {
  return (
    <div className="home">
      <main>
        <Outlet></Outlet>
      </main>
      <footer>
        <Tabbar>
          <Tabbar.Item icon={<HomeO />}>
            <NavLink to={"/index/home"}>首页</NavLink>
          </Tabbar.Item>
          <Tabbar.Item icon={<Search />}>
            <NavLink to={"/index/class"}>订单</NavLink>
          </Tabbar.Item>
          <Tabbar.Item icon={<FriendsO />}>
            <NavLink to={"/index/cart"}>客服</NavLink>
          </Tabbar.Item>
          <Tabbar.Item icon={<SettingO />}>
            <NavLink to={"/index/my"}>我的</NavLink>
          </Tabbar.Item>
        </Tabbar>
      </footer>
    </div>
  );
};
